<link rel="stylesheet" href="./css/dayReport.css">
<div class="body_main hasScroll">
    <div class="dataList">
        <table class="table table-hover">
            <thead>
                <tr>
                    <td>农事类型</td>
                    <td>组织</td>
                    <td>农事时间</td>
                    <td>日工作量</td>
                    <td>内容</td>
                    <td>操作</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>农事汇报</td>
                    <td>良田基础建设</td>
                    <td>2022-02-08 8:20:00至2022-02-10 20:30:00</td>
                    <td>8人/天</td>
                    <td>测试良田实际使用情况</td>
                    <td><span class="iconfont icon-tongzhi"></span></td>
                </tr>
                <tr>
                    <td>农事汇报</td>
                    <td>良田基础建设</td>
                    <td>2022-02-08 8:20:00至2022-02-10 20:30:00</td>
                    <td>8人/天</td>
                    <td>测试良田实际使用情况</td>
                    <td><span class="iconfont icon-tongzhi"></span></td>
                </tr>
                <tr>
                    <td>农事汇报</td>
                    <td>良田基础建设</td>
                    <td>2022-02-08 8:20:00至2022-02-10 20:30:00</td>
                    <td>8人/天</td>
                    <td>测试良田实际使用情况</td>
                    <td><span class="iconfont icon-tongzhi"></span></td>
                </tr>
                <tr>
                    <td>农事汇报</td>
                    <td>良田基础建设</td>
                    <td>2022-02-08 8:20:00至2022-02-10 20:30:00</td>
                    <td>8人/天</td>
                    <td>测试良田实际使用情况</td>
                    <td><span class="iconfont icon-tongzhi"></span></td>
                </tr>
            </tbody>
        </table>
        <div class="comPage clearfix">
            <div class="pageBox">
                <a class="iconfont icon-zuo"></a>
                <a class="pageNum active">1</a>
                <a class="pageNum">2</a>
                <a class="iconfont icon-zuo rightBtn"></a>
                <span class="spanBtn">转到</span>
                <input type="number" placeholder="输入页数" />
                <span class="text">页</span>
                <span class="spanBtn">跳转</span>
            </div>
        </div>
    </div>
</div>
<div class="body_right hasScroll">
    <div>搜索工作汇报</div>
    <div class="right_search">
        <input type="text" />
        <span class="iconfont icon-sousuo"></span>
    </div>
    <div>汇报类型</div>
    <div class="typeBox">
        <select class="form-control">
            <option value="1">农事</option>
            <option value="2">时政</option>                          
        </select>
    </div>
    <div class="right_foot">
        <div class="operBox">
            <button class="btn btn-success">汇报农事记录</button>
            <button class="btn btn-success">工作汇报统计</button>
            <button class="btn btn-success">导出到Excel</button>
        </div>
        <div class="item clearfix">
            <div class="iconfont icon-liucheng"></div>
            <div class="title">2021年度良田基础生产流程</div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $("#menu_box").off('click', 'li').on('click', 'li', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })
        /**分页跳转 */
        $(".pageBox").off('click', '.pageNum').on('click', '.pageNum', function () {
            $(this).addClass('active').siblings().removeClass('active');
        })
        /*switch选择*/
        $(".switch").on('click', function () {
            if ($(this).hasClass('selected')) {
                $(this).removeClass('selected');
            } else {
                $(this).addClass('selected');
            }
        });
        $("#demoPro1").initProgress({
            val: 2,
            maxVal: 2,
            width: 60,
        });
        $("#demoPro2").initProgress({
            val: 1,
            maxVal: 2,
            width: 60,
        });
    })

</script>